// SCSS的语法兼容一切CSS的原生语法
div {
    width: 100px;
    height: 100px;
    background-color: green;
}

// 支持变量和函数
$my_color:red;
div.box {
    background-color: $my_color;
}

// 支持函数
@mixin my_border($width:1px,$style:solid,$color:black) {
    border:$width $style $color;//1px solid black
}

p {
    @include my_border(2px,dotted,blue)
}

// 嵌套
ul{
    width: 100px;
    li{
        width: 100px;
        a{
            width: 100px;
            img{
                width: 100px;
            }
        }
    }
}
